﻿@using BonjourQuotation.UI.Models
@model OperationHotelChangeDataViewModel

@{
    @Scripts.Render("~/Scripts/UIScript/Operation.js")
}

<div class="container">
    <div>
        <span>Criteria</span>
        <div class="row form-row">
            <div class=" col-lg-3" style="width: 30% !important;">
                <div class="input-group">
                    <span class="input-group-addon">@Html.LabelFor(model => model.HotelArrivalDateFrom)</span>
                    @Html.TextBoxFor(model => model.HotelArrivalDateFrom, new { @class = "form-control" })
                </div>
            </div>
            <div class=" col-lg-3" style="width: 30% !important;">
                <div class="input-group">
                    <span class="input-group-addon">@Html.LabelFor(model => model.HotelArrivalDateTo)</span>
                    @Html.TextBoxFor(model => model.HotelArrivalDateTo, new { @class = "form-control" })
                </div>
            </div>
            <div class=" col-lg-3" style="width: 30% !important;">
                <div class="input-group">
                    <span class="input-group-addon">@Html.LabelFor(model => model.HotelArrivalCity)</span>
                    @Html.TextBoxFor(model => model.HotelArrivalCity, new { @class = "form-control" })
                </div>
            </div>         
        </div>
        <div class="row form-row">
            <div class=" col-lg-3" style="width: 30% !important;">
                <div class="input-group">
                    <span class="input-group-addon">@Html.LabelFor(model => model.SelectedStatus)</span>
                    @Html.DropDownListFor(model => model.SelectedStatus, new SelectList(Model.Status, "Value", "Text"), "Select", new { @class = "" })
                </div>
            </div>
        </div>

        </div>
    
    <div>
        <span>New Values</span>
        <div class="row form-row">
            <div class=" col-lg-3" style="width: 30% !important;">
                <div class="input-group">
                    <span class="input-group-addon">@Html.LabelFor(model => model.HotelArrivalCityNew)</span>
                    @Html.TextBoxFor(model => model.HotelArrivalCityNew, new { @class = "form-control" })
                </div>
            </div>
            <div class=" col-lg-3" style="width: 30% !important;">
                <div class="input-group">
                    <span class="input-group-addon">@Html.LabelFor(model => model.SelectedNewStatus)</span>
                    @Html.DropDownListFor(model => model.SelectedNewStatus, new SelectList(Model.Status, "Value", "Text"), "Select", new { @class = "" })
                </div>
            </div>
            
        </div>
    </div>
    <button class="btm btn-success" type="button" onclick="HotelChangeDataSaveBtnClick()">Save</button>

</div>